<template>
  <div class="bod">
    <div class="text">
		<div style="font-size: 32px;line-height: 32px;margin-right: 30px;">金融业</div>
		<div style="font-size: 42px;line-height: 42px;margin-right: 2px;font-family: DINPro-Medium;line-height: 35px;">92</div>
		<div style="font-size: 14px;line-height: 14px;margin-right: 4px;">分</div>
		<div style="font-size: 12px;line-height: 12px;opacity: 0.6;position: relative;">声誉健康度<img style="position: absolute;top: -3px;" src="../../../assets/img/wenhao.png" /></div>
	</div>
	<div style="font-size: 12px;line-height: 12px;margin-top: 6px;opacity: 0.6;">
		08/17 11:01 更新
	</div>
	<div class="bottom">
		<div class="left" style="flex: 1;">
			<div>风险事件</div>
			<div>32件<img class="jiantou" src="../../../assets/img/jiantou.png" /></div>
		</div>
		<div class="right" style="flex: 1;padding-right: 0;">
			<div style="margin-right: 2px;font-size: 13px;">企业文化风险</div>
			<div style="border: 1px solid #FFFFFF;opacity: 0.8;border-radius: 2px;padding: 0 2px;line-height: 10px;">
				<div style="font-size: 10px;margin-top: 2px;margin-bottom: 2px;" class="small">核心</div>
			</div>
			<div>127件<img class="jiantou" src="../../../assets/img/jiantou.png" /></div>
		</div>
	</div>
	<img class="img" src="../../../assets/img/bg.png" />
  </div>
</template>

<script>
export default {
    props: {
        
    },
    data() {
        return {
            
        }
    },
    methods: {
        
    }
}
</script>
<style scoped lang="scss">
	div{
		box-sizing: border-box;
	}
	
	.bod{
		position: relative;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(to right, #005D73 , #1DC881);
		padding-top: 15px;
		padding-left: 24px;
		padding-right: 24px;
		color: #FFFFFF;
		// background-image: url(../../../assets/img/bg.png);
		
		.text{
			display: flex;
			align-items: flex-end;
		}
		
		.bottom{
			display: flex;
			height: 40px;
			margin-top: 10px;
			
			.left{
				margin-right: 10px;
				background-color: rgba(0,0,0,0.2);
				width: 182px;
				display: flex;
				justify-content: space-between;
				padding: 0 12px;
				align-items: center;
				border-radius: 5px;
				font-size: 14px;
				line-height: 14px;
			}
			
			.right{
				background-color: rgba(0,0,0,0.2);
				width: 182px;
				display: flex;
				padding: 0 12px;
				align-items: center;
				border-radius: 5px;
				font-size: 14px;
				line-height: 14px;
			}
		}
	}
	
	.img{
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 1;
	}
	
	.jiantou{
		margin-left: 5px;
	}
</style>
